1 <!DOCTYPE html>
2 <!--[
if IE 8]> <html lang="en" class="ie8"> <![endif]-->
3 <!--[
if !IE]><!--> <html lang="en"> <!--<![endif]-->
4
5     <head>
6      
7         <meta charset=
"utf-8">
8         <title> HOME | SPC-IKTHSS CHERUKULAMBA BLOOD DONORS DIRECTORY </title>
9         <meta name=
"viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
10         <meta name=
"description" content="Blood Donation - Activism & Campaign HTML5 Template">
11         <meta name=
"author" content="xenioushk">
12         <link rel=
"shortcut icon" href="images/favicon.png" />
13
14         <!-- HTML5 shim,
for IE6-8 support of HTML5 elements -->
15         <!--[
if lt IE 9]>
16           <script src=
"http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
17         <![endif]-->
18
19         <!-- The styles -->
20         <link rel=
"stylesheet" href="css/bootstrap.min.css" />
21         <link href=
"css/font-awesome.min.css" rel="stylesheet" type="text/css" >
22         <link href=
"css/animate.css" rel="stylesheet" type="text/css" >
23         <link href=
"css/owl.carousel.css" rel="stylesheet" type="text/css" >
24         <link href=
"css/venobox.css" rel="stylesheet" type="text/css" >
25         <link rel=
"stylesheet" href="css/styles.css" />
26
27     <body>
28
29         <div id=
"preloader">
30             <span
class="margin-bottom"><img src="images/loader.gif" alt="" /></span>
31         </div>
32
33         <!-- HEADER -->
34
35         <header
class="main-header clearfix" data-sticky_header="true">
36
37             <div
class="top-bar clearfix">
38
39                 <div
class="container">
40
41                     <div
class="row">
42
43                         <div
class="col-md-4 col-sm-8">
44
45                             <p>Welcome to blood bank directory. </p>
46
47                         </div>
48
49                             <div
class="col-md-4 col-sm-4">
50                                     <center>
51                             <p><a href=
"need-blood"><blink>Need Blood ?</blink></a></p>
52                                 </center>
53                         </div>
54                         <div
class="col-md-4col-sm-12">
55                             <div
class="top-bar-social">
56                                 <a href=
"https://facebook.com/IKTEDUCity"><i class="fa fa-facebook"></i></a>
57                                 <a href=
"mailto:ikthssckb@gmail.com" target="_top"><i class="fa fa-envelope "></i></a>
58                                
59                                 <a href=
"https://www.youtube.com/channel/UCic8owPLTcWF2Cue4XN5A7g/videos"><i class="fa fa-youtube"></i></a>
60                             </div>
61                         </div>
62
63                     </div>
64
65                 </div> <!-- end .container -->
66
67             </div> <!-- end .top-bar -->
68
69             <section
class="header-wrapper navgiation-wrapper">
70
71                 <div
class="navbar navbar-default">
72                     <div
class="container">
73
74                         <div
class="navbar-header">
75                             <button type=
"button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
76                                 <span
class="icon-bar"></span>
77                                 <span
class="icon-bar"></span>
78                                 <span
class="icon-bar"></span>
79                             </button>
80                             <a
class="logo" href="index"><img alt="" src="images/logo.png"></a>
81                         </div>
82
83                         <div
class="navbar-collapse collapse">
84                             <ul
class="nav navbar-nav navbar-right">
85                                 <li
class="drop"><a href="index" title="Home Layout 01">Home</a></li>
86                                 <li><a href=
"need-blood" title="Donors">Donors</a></li>
87                                 <li><a href=
"be-a-part" title="BE A PART">BE A PART</a></li>
88                                 <li><a href=
"about-spc" title="About Spc">About Spc</a></li>
89                                 <li><a href=
"about-us" title="About Us">About Us</a></li>
90
91
92
93                                
94
95                                 
96
97
98                                 <li><a href=
"contact">Contact</a></li>
99                             </ul>
100                         </div>
101                     </div>
102                 </div>
103
104             </section>
105
106         </header> <!-- end main-header -->
107
108         <!-- HOME SLIDER BLOCK -->
109
110         <div
class="slider-wrap">
111
112             <div id=
"slider_1" class="owl-carousel owl-theme">
113
114                 <div
class="item">
115                     <img src=
"images/home_1_slider_1.jpg" alt="img">
116                     <div
class="slider-content text-center">
117                         <div
class="container">
118
119                             <div
class="slider-contents-info">
120                                 <h3>Donate blood,save life !</h3>
121                                 <h2>
122                                     Your Donation Can bring
123                                     <br>
124                                     smile at others face
125                                 </h2>
126                                 <a href=
"be-a-part" class="btn btn-slider">BE A PART <i class="fa fa-long-arrow-right"></i></a>
127                             </div> <!-- end .slider-contents-info -->
128                         </div><!-- /.slider-content -->
129                     </div>
130                 </div>
131
132                 <div
class="item">
133                     <img src=
"images/home_1_slider_1.jpg" alt="img">
134                     <div
class="slider-content text-center">
135                         <div
class="container">
136                             <div
class="slider-contents-info">
137                                 <h3>Donate blood,save life !</h3>
138                                 <h2>
139                                     Donate your blood and
140                                     <br>
141                                     Inspires to others
142                                 </h2>
143                                 <a href=
"be-a-part" class="btn btn-slider">BE A PART <i class="fa fa-long-arrow-right"></i></a>
144                             </div><!-- /.slider-content -->
145                         </div> <!-- end .slider-contents-info -->
146                     </div>
147
148                 </div>
149             </div>
150
151         </div>
152
153         <!-- HIGHLIGHT CTA -->
154
155         <section
class="cta-section-1">
156             <div
class="container">
157                 <div
class="row">
158                     <div
class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
159                         <h2>We are Ready To help </h2>
160                         <p>
161                             Be a honest and participate
in social involvements . so let's get together for donating blood which can help in the retaining of one's life .
162                         </p>
163                     </div> <!-- end .col-md-
8 -->
164                     <div
class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
165                         <a
class="btn btn-cta-1" href="be-a-part">BE A PART</a>
166                     </div> <!-- end .col-md-
4 -->
167                 </div> <!-- end .row -->
168             </div>
169         </section>
170
171         <!-- SECTION DONATION PROCESS -->
172
173
174           <section
class="cta-section-1">
175             <div
class="container">
176                 <div
class="row">
177                     <div
class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
178                         <h2>NEED BLOOD ? </h2>
179                         <p>
180                            If you need Blood Urgently You can Search here
for Blood Donors
181                         </p>
182                     </div> <!-- end .col-md-
8 -->
183                     <div
class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
184                         <a
class="btn btn-cta-1" href="need-blood">Search Donors</a>
185                     </div> <!-- end .col-md-
4 -->
186                 </div> <!-- end .row -->
187             </div>
188         </section>
189
190         <section
class="section-content-block section-process">
191
192             <div
class="container-fluid">
193
194                 <div
class="row">
195
196                     <div
class="col-md-12 col-sm-12 text-center">
197                         <h2
class="section-heading"><span>Donation</span> Process</h2>
198                         <p
class="section-subheading">How to donate Blood ?</p>
199                     </div> <!-- end .col-sm-
10 -->
200
201                 </div> <!-- end .row -->
202
203                 <div
class="row wow fadeInUp">
204
205                     <div
class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
206
207                         <div
class="process-layout">
208
209                             <figure
class="process-img">
210
211                                 <img src=
"images/process_1.jpg" alt="process" />
212                                 <div
class="step">
213                                     <h3>
1</h3>
214                                 </div>
215                             </figure> <!-- end .process-img -->
216                                 <a href=
"be-a-part">
217                             <article
class="process-info">
218                                 <h2>Registration</h2>
219                                 <p>Our Team Will Help You To Become A <br>Part Of This Social Directory. You Have To Provide Your Personal Information Regarding To This Activity.....<br></p>
220                             </article>
221                                 </a>
222                         </div> <!-- end .process-layout -->
223
224                     </div> <!-- end .col-lg-
3 -->
225
226
227
228                     <div
class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
229
230                         <div
class="process-layout">
231
232                             <figure
class="process-img">
233                                 <img src=
"images/process_2.jpg" alt="process" />
234                                 <div
class="step">
235                                     <h3>
2</h3>
236                                 </div>
237                             </figure> <!-- end .cau<h5
class="step">1</h5>se-img -->
238
239                             <article
class="process-info">
240                                 <h2>BE READY</h2>
241                                 <p>Our Team Will Contact You If Anyone Needs Blood. So Provide Your Contact Number Which You Use Frequently. You Will Be Informed When The Needy Is Nearer To Your Location....</p>
242                             </article>
243
244                         </div> <!-- end .process-layout -->
245
246                     </div> <!-- end .col-lg-
3 -->
247
248
249                     <div
class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
250
251                         <div
class="process-layout">
252
253                             <figure
class="process-img">
254                                 <img src=
"images/process_3.jpg" alt="process" />
255                                 <div
class="step">
256                                     <h3>
3</h3>
257                                 </div>
258                             </figure> <!-- end .process-img -->
259
260                             <article
class="process-info">
261                                 <h2>BE A PART</h2>
262                                 <p>As Per The Informations Provided,You Will Be Under Consideration Of The Specific Doctors. And The Blood Donation Will Be Done....</p>
263                             </article>
264
265                         </div> <!-- end .process-layout -->
266
267                     </div> <!-- end .col-lg-
3 -->
268
269
270
271                     <div
class="col-lg-3 col-md-6 col-sm-6 col-xs-12">
272
273                         <div
class="process-layout">
274
275                             <figure
class="process-img">
276                                 <img src=
"images/process_4.jpg" alt="process" />
277                                 <div
class="step">
278                                     <h3>
4</h3>
279                                 </div>
280                             </figure> <!-- end .process-img -->
281
282                             <article
class="process-info">
283                                 <h2>STAY HEALTHY</h2>
284                                 <p>After Successful Process. You Can Contact Us Anytime Regarding You Doubts Or Health Condition...<br>And God Bless You.. </p>
285                             </article>
286
287                         </div> <!-- end .process-layout -->
288
289                     </div> <!-- end .col-lg-
3 -->
290
291                 </div> <!-- end .row -->
292
293             </div> <!-- end .container -->
294
295         </section> <!-- end .section-process -->
296
297        
298         
299
300         <section
class="section-content-block section-client-testimonial">
301
302             <div
class="container">
303
304                 <div
class="testimonial-container text-center">
305
306                     <div
class="col-md-10 col-md-offset-1 col-sm-12">
307
308                         <div
class="testimony-layout-1">
309                             <h3
class="people-quote">Donor Opinion</h3>
310                             <p
class="testimony-text">
311                                 <i
class="fa fa-quote-left" aria-hidden="true"></i>
312                                 I proudly donate blood
on a regular basis because it gives others something they desperately need to survive. Just knowing I can make a difference in someone else’s life makes me feel great!
313                                 <i
class="fa fa-quote-right" aria-hidden="true"></i>
314                             </p>
315
316                            
317
318                         </div> <!-- end .testimony-layout-
1 -->
319
320                     </div> <!-- end col-md-
10 -->
321
322                     <div
class="col-md-10 col-md-offset-1 col-sm-12">
323
324                         <div
class="testimony-layout-1">
325                             <h3
class="people-quote">Donor Opinion</h3>
326                             <p
class="testimony-text">
327                                 <i
class="fa fa-quote-left" aria-hidden="true"></i>
328                                 I have been a donor since high school. Although I have not been a donor every year, I always want to give to the human race. I love to help others! Moreover it gives a real peace
in my mind.
329                                 <i
class="fa fa-quote-right" aria-hidden="true"></i>
330                             </p>
331
332                           
333
334                         </div> <!-- end .testimony-layout-
1 -->
335
336                     </div> <!-- end col-md-
10 -->
337
338                     <div
class="col-md-10 col-md-offset-1 col-sm-12">
339
340                         <div
class="testimony-layout-1">
341                             <h3
class="people-quote">Recipient Opinion</h3>
342                             <p
class="testimony-text">
343                                 <i
class="fa fa-quote-left" aria-hidden="true"></i>
344                                 I wish I could tell you my donor how grateful I am
for your selfless act.You gave me new life. We may be coworkers or schoolmates or just two in the same community.I'm very grateful to you.
345                                 <i
class="fa fa-quote-right" aria-hidden="true"></i>
346                             </p>
347
348                            
349
350                         </div> <!-- end .testimony-layout-
1 -->
351
352                     </div> <!-- end col-md-
10 -->
353
354                 </div> <!-- end .row -->
355
356             </div> <!-- end .container -->
357
358         </section> <!-- end .section-client-testimonial -->
359
360         <!-- SECTION TEAM -->
361  
362
363         <!-- SECTION CTA -->
364
365         
366
367         <!-- SECTION CAMPAIGNS -->
368
369         
370
371         
372
373    
374
375      
376
377         <!-- START FOOTER -->
378
379         <footer>
380
381             <section
class="footer-widget-area footer-widget-area-bg">
382
383                 <div
class="container">
384
385                     <div
class="row">
386
387                         <div
class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
388
389                             <div
class="about-footer">
390
391                                 <div
class="row">
392
393                                     <div
class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
394                                         <img src=
"images/logo-footer.png" alt="" />
395                                     </div> <!-- end col-lg-
3-->
396
397                                     <div
class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
398                                         <p>
399                                             Student Police Cadet Of IKTHSS Cherukulamba Has Stepped Into The Society By Introducing A Blood Doners Directory In Order To Innovate Every Individual
's Participation In These Kind Of Social Activities....
400                                         </p>
401                                     </div> <!-- end .col-lg-
9 -->
402
403                                 </div> <!-- end .row -->
404
405                             </div> <!-- end .about-footer -->
406
407                         </div> <!-- end .col-md-
12 -->
408
409                     </div> <!-- end .row -->
410
411                     <div
class="row">
412
413                         <div
class="col-md-4 col-sm-6 col-xs-12">
414
415                             <div
class="footer-widget">
416                                 <div
class="sidebar-widget-wrapper">
417                                     <div
class="footer-widget-header clearfix">
418                                         <h3>Powered
by</h3>
419                                     </div>
420                                     <p></p>
421                                     <div
class="footer-subscription">
422                                       <li><a href=
""><img src="images/ikthss.jpg" height="45%" width="45%"></a></li>
423                                        
424                                     </div>
425                                 </div>
426                             </div>
427
428                         </div> <!-- end .col-md-
4 col-sm-12 -->
429
430                         <div
class="col-md-4 col-sm-6 col-xs-12">
431
432                             <div
class="footer-widget">
433
434                                 <div
class="sidebar-widget-wrapper">
435
436                                     <div
class="footer-widget-header clearfix">
437                                         <h3>Contact Us</h3>
438                                     </div> <!-- end .footer-widget-header -->
439
440
441                                     <div
class="textwidget">
442
443                                        <i
class="fa fa-envelope-o fa-contact"></i> <p><a href="mail:ikthssckb@gmail.com">ikthssckb@gmail.com</a></p>
444
445                                         <i
class="fa fa-location-arrow fa-contact"></i> <p>Student Police Cadet<br/>Ikthss Cherukulamba<br> Vattalur(PO)-676507 <br> Malappuram</p>
446
447                                         <i
class="fa fa-phone fa-contact"></i> <p>Phone:&nbsp; 04933 242 039
448
449                                     </div>
450
451                                 </div> <!-- end .footer-widget-wrapper -->
452
453                             </div> <!-- end .footer-widget -->
454
455                         </div> <!-- end .col-md-
4 col-sm-12 -->
456
457                         <div
class="col-md-4 col-sm-12 col-xs-12">
458
459                             <div
class="footer-widget clearfix">
460
461                                 <div
class="sidebar-widget-wrapper">
462
463                                     <div
class="footer-widget-header clearfix">
464                                         <h3>Support Links</h3>
465                                     </div> <!-- end .footer-widget-header -->
466
467
468                                     <ul
class="footer-useful-links">
469
470                                         <li>
471                                             <a href=
"https://facebook.com/IKTEDUCity">
472                                                 <i
class="fa fa-caret-right fa-footer"></i>
473                                                 IKT Educity
474                                             </a>
475                                         </li>
476
477                                         <li>
478                                             <a href=
"https://www.youtube.com/channel/UCic8owPLTcWF2Cue4XN5A7g/videos">
479                                                 <i
class="fa fa-caret-right fa-footer"></i>
480                                                 IKT VISION
481                                             </a>
482                                         </li>
483                                              <li>
484                                             <a href=
"http://studentpolicecadet.org/">
485                                                 <i
class="fa fa-caret-right fa-footer"></i>
486                                                 Student Police Cadet
487                                             </a>
488                                         </li>
489                                         <li>
490                                             <a href=
"about-us">
491                                                 <i
class="fa fa-caret-right fa-footer"></i>
492                                                 About Us
493                                             </a>
494                                         </li>
495                                         <li>
496                                             <a href=
"contact">
497                                                 <i
class="fa fa-caret-right fa-footer"></i>
498                                                 Contact Us
499                                             </a>
500                                         </li>
501                                         <li>
502                                             <a href=
"https://techzia.in">
503                                                 <i
class="fa fa-caret-right fa-footer"></i>
504                                                 Techzia
505                                             </a>
506                                         </li>
507
508                                        
509
510                                        
511
512                                         
513
514                                        
515
516                                        
517
518                                                                              
519
520                                     </ul>
521
522                                 </div> <!-- end .footer-widget -->
523
524                             </div> <!-- end .footer-widget -->
525
526                         </div> <!-- end .col-md-
4 col-sm-12 -->
527
528                     </div> <!-- end row -->
529
530                 </div> <!-- end .container -->
531
532             </section> <!-- end .footer-widget-area -->
533
534             <!--FOOTER CONTENT -->
535
536             <section
class="footer-contents">
537
538                 <div
class="container">
539
540                     <div
class="row clearfix">
541                              <center>
542                         <div >
543                            
544                             <p > Copyright © Ikthss Blood Donares Directory <?php echo date(
'Y');?>. All rights reserved - By <a href='https://techzia.in'>Techzia </a> </p>
545
546                         </div> <!-- end .col-sm-
6 -->
547                         </center>
548                       
549                         </div> <!-- end .col-lg-
6 -->
550
551                     </div> <!-- end .row -->
552
553                 </div> <!-- end .container -->
554
555             </section> <!-- end .footer-content -->
556
557         </footer>
558
559         <!-- END FOOTER -->
560
561         <!-- Back To Top Button -->
562
563         <a id=
"backTop">Back To Top</a>
564
565         <script src=
"js/jquery.min.js"></script>
566         <script src=
"js/bootstrap.min.js"></script>
567         <script src=
"js/wow.min.js"></script>
568         <script src=
"js/jquery.backTop.min.js "></script>
569         <script src=
"js/waypoints.min.js"></script>
570         <script src=
"js/waypoints-sticky.min.js"></script>
571         <script src=
"js/owl.carousel.min.js"></script>
572         <script src=
"js/jquery.stellar.min.js"></script>
573         <script src=
"js/jquery.counterup.min.js"></script>
574         <script src=
"js/venobox.min.js"></script>
575         <script src=
"js/custom-scripts.js"></script>
576     </body>
577
578 </html>


Gõ tìm kiếm nhanh...